<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>注册账号 - 司派讯盒 - 文档分享平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="images/favicon.png" size="32x32" type="image/png">
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
    <link rel="stylesheet" href="plugins/bootstrap-select/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="stylesheets/adminlte.min.css">
    <link rel="stylesheet" href="stylesheets/login.css">
</head>

<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="https://shixincube.com/" target="_blank">
            <img class="mb4" src="images/cube_banner_h512.png" alt="Cube 3" height="64" />
        </a>
    </div>
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">
                <span>注册账号</span>
                <form class="register">
                    <div class="input-group mb-3">
                        <div style="width:100%;" class="text-center">
                            <button id="select_avatar" type="button" class="btn btn-lg btn-default avatar"><img src="avatars/avatar01.png" title="选择头像"/></button>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="account" name="account" type="text" class="form-control" placeholder="电子邮箱（必填）">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-envelope"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="phone" name="phone" type="text" class="form-control" placeholder="手机号码（必填）">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-phone"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="nickname" name="nickname" type="text" class="form-control" placeholder="昵称（选填）">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-address-card"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="password" name="password" type="password" class="form-control" placeholder="密码（必填）">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-lock"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="retype_password" name="retype_password" type="password" class="form-control" placeholder="确认密码（必填）">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-lock"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input id="captcha" name="captcha" type="text" class="form-control" placeholder="验证码（必填）">
                        <span class="input-group-append">
                            <div style="margin-left:1px">
                                <img id="captcha_image" width="140" height="31" title="点击刷新验证码" onclick="window.refreshCaptcha();" />
                            </div>
                        </span>
                    </div>
                    <button id="btn_register" class="btn btn-primary btn-block" type="button">注 册</button>
                    <button id="btn_back" class="btn btn-default btn-block btn-sm" type="button">返 回</button>
                </form>
                <p class="mt-5 mb-3 text-muted copyright">版权所有 &copy; 2023 <a href="https://shixincube.com" target="_blank">时信魔方开发者官网</a></p>
            </p>
        </div><!-- /.card-body -->
    </div><!-- ./card -->
</div><!-- ./login-box -->

<div class="modal fade" id="modal_avatar">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">选择头像</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class=row>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(1);"><img src="avatars/avatar01.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(2);"><img src="avatars/avatar02.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(3);"><img src="avatars/avatar03.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(4);"><img src="avatars/avatar04.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(5);"><img src="avatars/avatar05.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(6);"><img src="avatars/avatar06.png" /></a></div>
                </div>
                <div class=row>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(7);"><img src="avatars/avatar07.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(8);"><img src="avatars/avatar08.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(9);"><img src="avatars/avatar09.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(10);"><img src="avatars/avatar10.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(11);"><img src="avatars/avatar11.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(12);"><img src="avatars/avatar12.png" /></a></div>
                </div>
                <div class=row>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(13);"><img src="avatars/avatar13.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(14);"><img src="avatars/avatar14.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(15);"><img src="avatars/avatar15.png" /></a></div>
                    <div class="col-2 avatar"><a href="javascript:selectAvatar(16);"><img src="avatars/avatar16.png" /></a></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal" id="modal_register" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <p>&nbsp;</p>
                <p>&nbsp;</p>
            </div>
            <div class="overlay d-flex justify-content-center align-items-center">
                <i class="fas fa-2x fa-sync fa-spin"></i>
                <p style="margin:0;padding-left:10px;">正在注册账号&hellip;</p>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript" src="plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="plugins/sweetalert2/sweetalert2.min.js"></script>
<script type="text/javascript" src="plugins/bootstrap-select/bootstrap-select.min.js"></script>
<script type="text/javascript" src="plugins/popper/umd/popper.min.js"></script>
<script type="text/javascript" src="plugins/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="plugins/jquery-validation/additional-methods.min.js"></script>
<script type="text/javascript" src="javascripts/adminlte.min.js"></script>
<script type="text/javascript" src="config/server.js"></script>
<script type="text/javascript" src="javascripts/md5.js"></script>
<script type="text/javascript" src="javascripts/register.js"></script>
</body>
</html>
